<template>
  <div class="all">
    <!-- 现场故障信息 -->
    <div class="inner">
      <div class="innerin">
        <div class="list">编号</div>
        <div class="list">经销商</div>
        <div class="list">终端客户</div>
        <div class="list">水表数量</div>
        <div class="list">故障率</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">01</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">02</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">03</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">04</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">05</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">06</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
    <div class="inner">
      <div class="innerin">
        <div class="list">07</div>
        <div class="list">平政通科技</div>
        <div class="list">徽山水司</div>
        <div class="list">1000</div>
        <div class="list state">6%</div>
      </div>
    </div>
  </div> 
</template>
<style lang="scss" scoped>
.all {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 0 25px 0;
  .inner {
    height: 50px;
    border-bottom: 1px solid #ccc;
    .innerin {
      width: 100%;
      height: 100%;
      display: flex;
      .list {
        flex: 1;
        display: flex;
        align-items: center;
        // border: 1px solid khaki;
        padding: 5px;
      }
      .state {
        color: #0b9ac4;
      }
    }
  }
}
</style>